@mixin flx-dsp($jsc:center, $ali:center, $drt:row) {
    display: flex;
    flex-direction: $drt;
    justify-content: $jsc;
    align-items: $ali;
}

@mixin box-size() {
    box-sizing: border-box;
}

@mixin transition($arrt, $time, $func:ease) {
    transition: $arrt $time $func;
}

@mixin tsf($x, $y) {
    transform: translate($x, $y);
}

@mixin transform($arrt) {
    transform: $arrt;

}

@mixin flex1() {
    -webkit-box-flex: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;
    /* OLD - Firefox 19- */
    -webkit-flex: 1;
    /* Chrome */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
}

// 旋转
@mixin rotate($deg) {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    transform: rotate($deg);
    -ms-transform: rotate($deg);
    /* IE 9 */
    -moz-transform: rotate($deg);
    /* Firefox */
    -webkit-transform: rotate($deg);
    /* Safari 和 Chrome */
    -o-transform: rotate($deg);
    /* Opera */
}

// 设置外圈为圆
@mixin setRound($width, $height, $backgroundColor, $border) {
    width: $width;
    height: $height;
    background-color: $backgroundColor;
    border: $border;
    border-radius: 50%;
    box-sizing: border-box;
}

//设置超出隐藏以及设置省略号
@mixin set-word-hidden() {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

// 点击按钮缩放一下的效果
@keyframes scaleScenc {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(0.95, 0.95);
    }

    100% {
        transform: scale(1, 1);
    }
}

@mixin scaleBox($time) {
    animation: scaleScenc $time linear;
}

// 定位居中

@mixin positioning_center() {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
}

.disableEvents {
    pointer-events: none;
}

.disableEventsOpacty {
    pointer-events: none;
    opacity: 0.4;
}
